<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--<!DOCTYPE html>--%>
<html>
<head>

    <title>门诊查询--理博软件2016</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="Css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap-responsive.css" />
    <link rel="stylesheet" type="text/css" href="Css/style.css" />
    <script type="text/javascript" src="Js/jquery.js"></script>
    <script type="text/javascript" src="../Js/jquery.sorted.js"></script>
    <script type="text/javascript" src="Js/bootstrap.js"></script>
    <script type="text/javascript" src="Js/ckform.js"></script>
    <script type="text/javascript" src="Js/common.js"></script>

    <style type="text/css">
        body {
            padding-bottom: 40px;
        }
        .sidebar-nav {
            padding: 9px 0;
        }

        @media (max-width: 980px) {
            /* Enable use of floated navbar text */
            .navbar-text.pull-right {
                float: none;
                padding-left: 5px;
                padding-right: 5px;
            }
        }


    </style>
    <script type="text/javascript">
	 $(function () {
		$('#newNav').click(function(){
				window.location.href="add.html";
		 });
    });

    	function checkall(){
			var alls=document.getElementsByName("check");
			var ch=document.getElementById("checkall");
			if(ch.checked){
				for(var i=0;i<alls.length;i++){
					alls[i].checked=true;
				}
			}else{
				for(var i=0;i<alls.length;i++){
					alls[i].checked=false;
				}
			}
		}
		function delAll(){
			var alls=document.getElementsByName("check");
			var ids=new Array();
			for(var i=0;i<alls.length;i++){
				if(alls[i].checked){
					ids.push(alls[i].value);
				}
			}
			if(ids.length>0){
				if(confirm("确认操作?")){
					alert("成功!");
				}
			}else{
				alert("请选中要操作的项");
			}
		}
    </script>
</head>
<body>
<%--<%--%>
<%--    if (request.getAttribute("pageUtils")==null){--%>
<%--//转发调转到servlet获取数据--%>
<%--        request.getRequestDispatcher("registerSerlet?mark=selectRegister").forward(request,response);--%>
<%--        return;--%>
<%--    }--%>
<%--%>--%>
<form action="registerSerlet?mark=selectRegister" method="post" class="definewidth m20">
<table class="table table-bordered table-hover definewidth m10">
    <tr>
        <td width="10%" class="tableleft">病历号：</td>
        <td><input type="text" name="rid" value=""/></td>

        <td width="10%" class="tableleft">主治医生：</td>
        <td><input type="text" name="dname" value=""/></td>

        <td width="10%" class="tableleft">科室：</td>
        <td><input type="text" name="departmen" value=""/></td>
    </tr>
    <tr>

        <td width="10%" class="tableleft">挂号时间：</td>

		  <td colspan="5">
			<input type="text" name="cstartTime" value=""/>&nbsp;至&nbsp;<input type="text" name="endTime" value=""/>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <button type="submit" class="btn btn-primary" type="button">查询</button>
            <button type="submit" class="btn btn-primary" type="button">清空</button>

        </td>
    </tr>
</table>
</form>

<table class="table table-bordered table-hover definewidth m10" id="tv_table">
   <thead>
    <tr>
    	<th><input type="checkbox" id="checkall" onChange="checkall();"></th>
        <th>门诊编号</th>
        <th>主治医生</th>
        <th>挂号时间</th>
        <th>挂号科室</th>
        <th>状态</th>
        <th>操作</th>
    </tr>
    </thead>
<%--        <c:forEach items="${pageUtils.dataList}" var="Register">--%>
<%--             <tr >--%>
<%--                <td style="vertical-align:middle;"><input type="checkbox" name="check" value="1"></td>--%>
<%--                <td style="vertical-align:middle;">${Register.rid}</td>--%>
<%--                <td style="vertical-align:middle;">${Register.dname}</td>--%>
<%--                <td style="vertical-align:middle;">${Register.registerDate}</td>--%>
<%--                <td style="vertical-align:middle;">血液科</td>--%>
<%--                <td style="vertical-align:middle;">已挂号</td>--%>
<%--                <td style="vertical-align:middle;"><a href="registration/look.html">详情>>></a>&nbsp;&nbsp;&nbsp;<a href="registration/edit.html">更改</a>&nbsp;&nbsp;&nbsp;<a href="javascript:alert('退号成功！');">退号</a></td>--%>
<%--            </tr>--%>
<%--        </c:forEach>--%>
  </table>

  <table class="table table-bordered table-hover definewidth m10" id="tv_table2">
<%--  	<tr><th colspan="5">  <div class="inline pull-right page">--%>

<%--          <a href='registerSerlet?mark=selectRegister&currentPageNo=1' >第一页</a>--%>
<%--        <c:if test="${pageUtils.currentPageNo!=1}">--%>

<%--            <a href='registerSerlet?mark=selectRegister&currentPageNo=${pageUtils.currentPageNo-1}'>上一页</a>--%>
<%--        </c:if>--%>


<%--        <a href='registerSerlet?mark=selectRegister&currentPageNo=${pageUtils.currentPageNo+1}' >下一页</a>--%>
<%--        <a href='#' >最后一页</a>--%>
<%--		  &nbsp;&nbsp;&nbsp;共<span class='current'>32</span>条记录<span class='current'> 1/33 </span>页--%>
<%--		  </div>--%>
<%--		 <div><button type="button" class="btn btn-success" id="newNav">门诊挂号</button>&nbsp;&nbsp;&nbsp;--%>
<%--		 <button type="button" class="btn btn-success" id="delPro" onClick="delAll();">退号</button>&nbsp;&nbsp;&nbsp;--%>
<%--		 <!--<button type="button" class="btn btn-success" id="delPro">导出Excel</button> -->--%>

<%--		 </div>--%>

<%--		 </th></tr>--%>
  </table>
<script>
    selectCurrnetPage(1)
    function selectCurrnetPage(currentPageNo){
        $.ajax({
            url:"registerSerlet?mark=selectRegister",
            data:{"currentPageNo":currentPageNo},
            type:"post",
            dataType:"text",
            success:callBack,
            error:function (){
                alert("请求失败")
            }
        });
    }
    function callBack(data){
        $("#tv_table").html();
        var jsondata = JSON.parse(data);
        var $jsonList = $(jsondata.dataList);
        $jsonList.each(function () {
            var text ="<tr>";
            text+= "<td style='vertical-align:middle;'><input type='checkbox' name='check' value='1'></td>";
            text+="<td style='vertical-align:middle;'>"+this.rid+"</td>";
            text+="<td style='vertical-align:middle;'>"+this.dname+"</td>";
            text+="<td style='vertical-align:middle;'>"+this.registerDate+"</td>";
            text+="<td style='vertical-align:middle;'>血液科</td>";
            text+="<td style='vertical-align:middle;'>已挂号</td>";
            text+= "<td style='vertical-align:middle;'><a href='registration/look.html'>详情>>></a>&nbsp;&nbsp;&nbsp;<a href='registration/edit.html'>更改</a>&nbsp;&nbsp;&nbsp;<a href='javascript:alert('退号成功！');'>退号</a></td>"
            text+= "</td>";
            $("#tv_table").append(text);

        });
        var t = "<tr><th colspan='5'>  <div class='inline pull-right page'>";
        t+="<a href='registerSerlet?mark=selectRegister&currentPageNo=1' >第一页</a>"
        t+="<a href='registerSerlet?mark=selectRegister&currentPageNo="+ (jsondata.currentPageNo-1) +"'>上一页</a>";

        t+="<a href='registerSerlet?mark=selectRegister&currentPageNo=1'>1</a>";
        t+="<a href='registerSerlet?mark=selectRegister&currentPageNo=2'>2</a>";
        t+="<a href='registerSerlet?mark=selectRegister&currentPageNo=3'>3</a>";
        t+="<a href='registerSerlet?mark=selectRegister&currentPageNo=4'>4</a>";
        t+="<a href='registerSerlet?mark=selectRegister&currentPageNo=5'>5</a>";
        t+="<a href='registerSerlet?mark=selectRegister&currentPageNo=${pageUtils.currentPageNo+1}' >下一页</a>";
        t+="<a href='#' >最后一页</a>";
        t+="共<span class='current'>32</span>条记录<span class='current'> 1/33 </span>页</div>";
        t+=" <div><button type='button' class='btn btn-success' id='newNav'>门诊挂号</button>&nbsp;&nbsp;&nbsp;";
        t+="<button type='button' class='btn btn-success' id='delPro' onClick='delAll();'>退号</button>&nbsp;&nbsp;&nbsp;</div> </th></tr>";
        $("#tv_table2").append(t);
    }

</script>
</body>
</html>
